<template>
	<view>
		<view class="bg-tips">bgColor背景颜色参考 <text>http://docs.xzeu.com/#/info/%E5%9F%BA%E7%A1%80%E6%A0%B7%E5%BC%8F/%E8%83%8C%E6%99%AF%E6%A0%B7%E5%BC%8F</text><text style="color: blue;" @click="$es.copy('http://docs.xzeu.com/#/info/%E5%9F%BA%E7%A1%80%E6%A0%B7%E5%BC%8F/%E8%83%8C%E6%99%AF%E6%A0%B7%E5%BC%8F')">复制链接</text></view>
		<es-header :isBack="true" :fixed="false" >
			<template slot="content">
				我是标题
			</template>
		</es-header>
		
		<es-header :isBack="true" backText="返回" bgColor="bg-gradual-red" :fixed="false" class="margin-top" >
			<template slot="content">
				我是标题
			</template>
		</es-header>
		
		<es-header :fixed="false" class="margin-top" >
			<template slot="content">
				我是标题
			</template>
		</es-header>
		
		
		<view class="margin-top text-center">背景图为背景</view>
		<!-- 背景图 -->
		<es-header :fixed="false" bgImage="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg" class="margin-top" >
			<template slot="content">
				我是标题
			</template>
			
		</es-header>
		
		<es-header :fixed="false" class="margin-top" >
			<template slot="content">
				我是标题
			</template>
			
			<template slot="right">
				<button class="cu-btn bg-green shadow">右边按钮</button>
			</template>
		</es-header>
		
		<es-header :isBack="true" backText="返回" :fixed="false" class="margin-top" >
			<template slot="content">
				我是标题
			</template>
			
			<template slot="right">
				<button class="cu-btn bg-green shadow">右边按钮</button>
			</template>
		</es-header>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	
	.bg-tips {
		padding: 20rpx;
		line-height: 60rpx;
	}
</style>
